/* 侧边目录容器（Apple风格 + 暗色） */
#post-toc {
    position: fixed;
    top: 60px;
    right: 20px;
    width: 235px;
    max-height: 70vh;
    overflow-y: auto;
    overflow-x: auto;
    padding: 1px;
    font-size: 14px;
    line-height: 1.6;
    z-index: 9999;
    background-color: #000000; /* 纯黑色背景 */
    border: 1px solid #ffffff; /* 纯白色边框 */
  }
  
  /* 隐藏时 */
  #post-toc.hidden {
    display: none;
  }

#TableOfContents ol ,
#TableOfContents ul  {
  list-style: none;
}
  /* 第1层列表（直接子元素 ol/ul） */
#TableOfContents > ol,
#TableOfContents > ul {
  padding-left: 1.2em; /* 第一层缩进稍大，突出顶级标题 */
  list-style-position: inside; /* 编号/符号与内容对齐更整齐 */
  margin: 0;
}

/* 第2层列表 */
#TableOfContents ol ol,
#TableOfContents ol ul,
#TableOfContents ul ol,
#TableOfContents ul ul {
  padding-left: 1em; /* 第二层缩进略小于第一层 */
  margin: 0;
}

/* 第3层及更深层级的列表 */
#TableOfContents ol ol ol,
#TableOfContents ol ol ul,
#TableOfContents ol ul ol,
#TableOfContents ol ul ul,
#TableOfContents ul ol ol,
#TableOfContents ul ol ul,
#TableOfContents ul ul ol,
#TableOfContents ul ul ul {
  padding-left: 0.8em; /* 深层级缩进更小，避免过度累积 */
  margin: 0;
}

/* 若存在4层及以上，可进一步减小缩进（按需添加） */
#TableOfContents ol ol ol ol,
#TableOfContents ol ol ol ul,
#TableOfContents ol ol ul ol,
#TableOfContents ol ol ul ul,
#TableOfContents ol ul ol ol,
#TableOfContents ol ul ol ul,
#TableOfContents ol ul ul ol,
#TableOfContents ol ul ul ul,
#TableOfContents ul ol ol ol,
#TableOfContents ul ol ol ul,
#TableOfContents ul ol ul ol,
#TableOfContents ul ol ul ul,
#TableOfContents ul ul ol ol,
#TableOfContents ul ul ol ul,
#TableOfContents ul ul ul ol,
#TableOfContents ul ul ul ul {
  padding-left: 0.6em;
  margin: 0;
}

  #post-toc a {
    display: inline-block; 
    white-space: nowrap;  
    text-decoration: none;
    transition: color 0.2s ease;
    color: #f5f5f7;
  }
  
  #post-toc a:hover {
    text-decoration: underline;
    color: #f5f5f7;
  }
  
  /* 自定义滚动条 */
  #post-toc::-webkit-scrollbar {
    width: 2px;
    height: 2px
  }
  
  #post-toc::-webkit-scrollbar-thumb {
    background-color: #ffffff;
  }
  
  /* 切换按钮 */
  #toc-toggle {
    position: fixed;
    top: 20px;
    right: 20px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    color: #ffffff;
    font-size: 150%;
    cursor: pointer;
    z-index: 9999;
  }
  
  
  #toc-toggle:hover {
    font-size: 160%;
  }
  
  #toc-toggle::after {
    content: "≡";
    display: block;
  }